<?php
/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
?>
<!-- Add your scripts here -->
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>
<script>
    function initialize() {
        var myLatlng = new google.maps.LatLng(-37.817532, 144.967148);
        var mapOptions = {
            zoom: 14,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(document.getElementById('map'), mapOptions);

        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: 'Visit us here!'
        });
    }

    google.maps.event.addDomListener(window, 'load', initialize);

</script>
                      
<?php $this->renderPartial('nav_theme'); ?>

<div class="container">

	<div class="logo"><img src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/img/logo.svg" alt="Logo"></div>

	<div class="social">
		<a href="http://facebook.com/rocketthemes" class="icon-facebook" title="Facebook"></a>
		<a href="http://twitter.com/rocketthemes" class="icon-twitter" title="Twitter"></a>
		<a href="#" class="icon-googleplus" title="Googleplus"></a>
		<a href="#" class="icon-dribbble" title="Dribbble"></a>
		<a href="#" class="icon-behance" title="Behance"></a>
		<a href="#" class="icon-instagram" title="Instagram"></a>
		<a href="#" class="icon-flickr" title="Flickr"></a>
	</div>
	<!-- Social Icons End -->

	<?php $this->renderPartial('nav_menu'); ?>

	<section class="content">

		<div id="map"></div>

		<article class="contact">

			<h2>Inquiry</h2>
			<form action="http://rocketthemes.net/milano/send.php" name="contactform" class="contactform" method="post">
				<label for="name">Full name<span class="required">*</span></label>
				<input type="text" name="name" id="name" placeholder="Enter your name" required>

				<label for="company">Company<span class="required">*</span></label>
				<input type="text" name="company" id="company" placeholder="Where do you work?" required> 

				<label for="email">Email address<span class="required">*</span></label>
				<input type="email" name="email" id="email" pattern="^[A-Za-z0-9](([_\.\-]?[a-zA-Z0-9]+)*)@([A-Za-z0-9]+)(([\.\-]?[a-zA-Z0-9]+)*)\.([A-Za-z]{2,})$" placeholder="e.g. info@envato.com" required>

				<div class="budgetrange">
					<label for="budget1">Budget range<span class="required">*</span></label><br>
					<input type="radio" name="budget" id="budget1" value="$1.000 - €2.000" checked>
					<label for="budget1" class="radio">$1.000 - 2.000</label>
					<input type="radio" name="budget" id="budget2" value="$2.001 - €5.000">
					<label for="budget2" class="radio">$2.001 - 5.000</label>
					<input type="radio" name="budget" id="budget3" value="$5.001 - 10,000+">
					<label for="budget3" class="radio">$5.001 - 10,000+</label>
				</div>

				<label for="project">Project description<span class="required">*</span></label><br>
				<textarea name="project" id="project" cols="40" rows="3" placeholder="Describe your project and add some details." required></textarea>
				<input type="submit" name="submit" id="submit" value="Send">
			</form>

		</article>
		<!-- Contact End -->

		<aside class="sidebar">
			<div class="c-data">
				<h2>Contact</h2>
				<p>
					<strong>Jonathan Doe</strong><br>
					Flinders St 35<br>
					23456 Melbourne<br>
					Australia
				</p>
				<p>
					<strong>E-Mail Contact:</strong>
					<a class="c-email" href="mailto:spam@rocketthemes.net">spam@rocketthemes.net</a>
				</p>
				
			</div>
		</aside>
		<!-- Sidebar End -->

	</section>
	<!-- Content Section End -->

</div>
<!-- Container End -->

<!-- Add your scripts here -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="<?php print Yii::app()->params->baseUrl; ?>/include/personaltheme/js/plugins.js"></script>

<script>
    var navigation = responsiveNav("#nav", {
        animate: true, // Boolean: Use CSS3 transitions, true or false
        transition: 400, // Integer: Speed of the transition, in milliseconds
        label: "", // String: Label for the navigation toggle
        insert: "before", // String: Insert the toggle before or after the navigation
        customToggle: "", // Selector: Specify the ID of a custom toggle
        openPos: "relative", // String: Position of the opened nav, relative or static
        jsClass: "js", // String: 'JS enabled' class which is added to <html> el
        init: function() {
        }, // Function: Init callback
        open: function() {
        }, // Function: Open callback
        close: function() {
        }   // Function: Close callback
    });
</script>

